<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-CH"> 
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>RateMe</title>
		<link rel="stylesheet" type="text/css" href="css/yui-fonts-min.css" />
		<link rel="stylesheet" type="text/css" href="css/rateme.css" />
		<link rel="apple-touch-icon" href="img/rateme-iphone-logo.png"/>
		
		
	</head>	
	<body>
		<div class="page-main">
			<div class="main">
				<h1 class="appname">RateMe</h1>
		
				<!-- 0 home -->
				<div class="page show" id="home">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
							
							</div>
						</div>
					</div>
					<h2 class="page-title">Home</h2>
					<div class="mod navigation">
						<div class="inner">
							<div class="bd">
								<ul class="lean">
									<li><a href="#search-place" class="bigbutton">Search Place</a></li>
									<li><a href="#rate-place" class="bigbutton disabled">Rate Place</a></li>
								</ul>
							</div>
						</div>
						
					</div>
				</div>
				
				<!-- 1 search places -->
				<div class="page" id="search-place">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean"><li><a href="#home">back</a></li></ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">Search Place</h2>
					<div class="mod navigation">
						<div class="inner">
							<div class="bd">
								<ul class="lean">
									<li><a href="#search-place-by-address" class="bigbutton">by Address</a></li>
									<li><a href="#search-place-by-name" class="bigbutton">by Name</a></li>
									<li><a href="#search-place-near-me" class="bigbutton">near me</a></li>
								</ul>	
							</div>
						</div>
					</div>
				</div>
				
				<!-- 1.1 by address -->
				<div class="page" id="search-place-by-address">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">
									<li><a href="#search-place">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">by Address</h2>
					<div class="query">
						<form method="get" action="">
							<fieldset>
								<input class="text" name="address" value="Lagerstrasse 41, Zürich" />
								<input type="submit" value="search"  />	
							</fieldset>
						</form>
					</div>
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 1.2 by name -->
				<div class="page" id="search-place-by-name">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">
									<li><a href="#search-place">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">by Name</h2>
					<div class="query">
						<form method="get" action="">
							<fieldset>
								<label>Name/Keyword</label>
								<input class="text" name="name" value="Kings Kurry" />
								<label>City</label>
								<input class="text" name="city" value="Zürich" />
								<input type="submit" value="search" />
							</fieldset>
						</form>
					</div>
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>	
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 1.3 near me -->
				<div class="page" id="search-place-near-me">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">
									<li><a href="#search-place">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">near me</h2>
					<div class="query">
						<form method="get" action="">
							<fieldset>
								<input type="submit" value="search" />
							</fieldset>
						</form>
					</div>
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>	
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 1.4 result -->
				<div class="page" id="search-place-result">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">									
									<li><a href="#search-place-near-me">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">Result</h2>
				
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>	
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 3.0 result details -->
				<div class="page" id="search-place-details">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">									
									<li><a href="#">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">Details</h2>
				
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>	
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 3.1 result map -->
				<div class="page" id="search-place-map">
					<div class="mod navigation breadcrumb">
						<div class="inner">
							<div class="bd">
								<ul class="lean">									
									<li><a href="#">back</a></li>
								</ul>
							</div>
						</div>
					</div>
					<h2 class="page-title">Map</h2>
				
					<div class="result hide">
						
						<div class="list"></div>
					
						
						<div class="map"></div>
					</div>	
					
					<div class="message hide">
					
					</div>
				</div>
				
				<!-- 2 rate place -->
				<div class="page" id="rate-place">
					<ul class="navigation"><li><a href="#home">Home</a></li></ul>
					<h2 class="page-title">Rate Place</h2>
					<ul class="navigation">
						<li><a href="#rate-place-by-address">by Address</a></li>
						<li><a href="#rate-place-by-name">by Name</a></li>
						<li><a href="#rate-place-near-me">near me</a></li>
					</ul>	
				</div>
				
				<!-- 2.1 by address -->
				<div class="page" id="rate-place-by-address">
					<ul class="navigation">
						<li><a href="#home">Home</a></li>
						<li><a href="#rate-place">Rate Place</a></li>
					</ul>
					<h2 class="page-title">by Address</h2>
					<input name="x" value="Lagerstrasse 41, Zürich" />
					<input type="submit" value="search" />	
				</div>
				
				<!-- 2.2 by name -->
				<div class="page" id="rate-place-by-name">
					<ul class="navigation">
						<li><a href="#home">Home</a></li>
						<li><a href="#rate-place">Rate Place</a></li>
					</ul>
					<h2 class="page-title">by Name</h2>
					<input name="x" value="Kings Curry" />
					<input type="submit" value="search" />	
				</div>
				
				<!-- 2.3 near me -->
				<div class="page" id="rate-place-near-me">
					<ul class="navigation">
						<li><a href="#home">Home</a></li>
						<li><a href="#rate-place">Search Place</a></li>
					</ul>
					<h2 class="page-title">near me</h2>
					<div>[gmap]</div>
					<input type="submit" value="search" />	
				</div>
			</div>
		</div>
		
		<!-- Ajax Loader -->
		<div class="ajax-loader">Loading...</div>
		
	
		<!-- 3rd party javascript libraries -->
		<script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://code.google.com/apis/gears/gears_init.js" type="text/javascript" charset="utf-8"></script>
		<!-- GMap V3 -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;region=CH"></script>
		<script src="js/geo.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- rateme javascript libraries -->
		<script src="js/rateme.util.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rateme.navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rateme.qype.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rateme.geo.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rateme.map.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rateme.main.js" type="text/javascript" charset="utf-8"></script>
	
	</body>
</html>